$(function() {
	//加载弹出层
	layui.use(['form', 'layer','element'],
		function() {
			var form = layui.form,
				layer = layui.layer;
				element = layui.element;

	//触发事件
	var tab = {
		tabAdd: function(title, url, id) {
			//判断当前id的元素是否存在于tab中
			var li = $("#WeTabTip li[lay-id="+id+"]").length;
			//console.log(li);
			if(li > 0){
			//tab已经存在，直接切换到指定Tab项
			console.log(">0");
				element.tabChange('wenav_tab', id); //切换到：用户管理
			}else{
			//该id不存在，新增一个Tab项
			console.log("<0");
				element.tabAdd('wenav_tab', {
					title: title,
					content: '<iframe tab-id="' + id + '" frameborder="0" src="' + url + '" scrolling="yes" class="weIframe"></iframe>',
					id: id
				});		
				
			}
			CustomRightClick(id);//绑定右键菜单
            FrameWH();//计算框架高度
			
		},
//		tabDelete: function(othis) {
//			//删除指定Tab项
//			//element.tabDelete('wenav_tab', '44'); //删除：“商品管理”
//
//			othis.addClass('layui-btn-disabled');
//		},
		tabDelete: function (id) {
            element.tabDelete("wenav_tab", id);//删除
       },
		tabChange: function(id) {
			//切换到指定Tab项
			element.tabChange('wenav_tab', id); //切换到：用户管理
		},
		tabDeleteAll: function (ids) {//删除所有
            $.each(ids, function (i, item) {
                element.tabDelete("wenav_tab", item);
            })
        }
	};

	tableCheck = {
		init: function() {
			$(".layui-form-checkbox").click(function(event) {
				if($(this).hasClass('layui-form-checked')) {
					$(this).removeClass('layui-form-checked');
					if($(this).hasClass('header')) {
						$(".layui-form-checkbox").removeClass('layui-form-checked');
					}
				} else {
					$(this).addClass('layui-form-checked');
					if($(this).hasClass('header')) {
						$(".layui-form-checkbox").addClass('layui-form-checked');
					}
				}

			});
		},
		getData: function() {
			var obj = $(".layui-form-checked").not('.header');
			var arr = [];
			obj.each(function(index, el) {
				arr.push(obj.eq(index).attr('data-id'));
			});
			return arr;
		}
	}

	//开启表格多选
	tableCheck.init();

	$('.container .left_open i').click(function(event) {
		if($('.left-nav').css('left') == '0px') {
			$('.left-nav').animate({
				left: '-221px'
			}, 100);
			$('.page-content').animate({
				left: '0px'
			}, 100);
			$('.page-content-bg').hide();
		} else {
			$('.left-nav').animate({
				left: '0px'
			}, 100);
			$('.page-content').animate({
				left: '221px'
			}, 100);
			if($(window).width() < 768) {
				$('.page-content-bg').show();
			}
		}

	});

	$('.page-content-bg').click(function(event) {
		$('.left-nav').animate({
			left: '-221px'
		}, 100);
		$('.page-content').animate({
			left: '0px'
		}, 100);
		$(this).hide();
	});

	$('.layui-tab-close').click(function(event) {
		$('.layui-tab-title li').eq(0).find('i').remove();
	});

	//左侧菜单效果
	// $('#content').bind("click",function(event){
	$('.left-nav #nav li').click(function(event) {

		if($(this).children('.sub-menu').length) {
			if($(this).hasClass('open')) {
				$(this).removeClass('open');
				$(this).find('.nav_right').html('&#xe697;');
				$(this).children('.sub-menu').stop().slideUp();
				$(this).siblings().children('.sub-menu').slideUp();
			} else {
				$(this).addClass('open');
				$(this).children('a').find('.nav_right').html('&#xe6a6;');
				$(this).children('.sub-menu').stop().slideDown();
				$(this).siblings().children('.sub-menu').stop().slideUp();
				$(this).siblings().find('.nav_right').html('&#xe697;');
				$(this).siblings().removeClass('open');
			}
		} else {

			var url = $(this).children('a').attr('_href');
			var title = $(this).find('cite').html();
			var index = $('.left-nav #nav li').index($(this));

			for(var i = 0; i < $('.x-iframe').length; i++) {
				if($('.x-iframe').eq(i).attr('tab-id') == index + 1) {
					tab.tabChange(index + 1);
					event.stopPropagation();
					return;
				}
			};

			tab.tabAdd(title, url, index + 1);
			tab.tabChange(index + 1);
		}

		event.stopPropagation();

	});


    
    
//  $(".layui-tab-title").bind("contextmenu", function(){
//      return false;
//  });
//  $(".layui-tab-title").mousedown(function(e) {
//	    console.log(e.which);
//	    //右键为3
//	    if (3 == e.which) {
//	        $(this).find('li').css({
//	            "font-size": "-=2px"
//	        });
//	    } else if (1 == e.which) {
//	        //左键为1
//	        $(this).find('li').css({
//	            "font-size": "+=3px"
//	        });
//	    }
//	});
//测试区域
//监听右键事件
//绑定右键菜单
function CustomRightClick(id) {
	console.log("CustomRightClick:"+id);
    //取消右键 
    $('.layui-tab-title li').on('contextmenu', function () { return false; })
    $('.layui-tab-title,.layui-tab-title li').on('click',function () {
        $('.rightMenu').hide();
        console.log("hide");
    });
    //桌面点击右击 
    $('.layui-tab-title li').on('contextmenu', function (e) {
    	var aid = $(this).attr("lay-id");//获取右键时li的lay-id属性
        var popupmenu = $(".rightMenu");
        popupmenu.find("li").attr("data-id",aid);
        console.log("popopmenuId:"+popupmenu.find("li").attr("data-id"));
        l = ($(document).width() - e.clientX) < popupmenu.width() ? (e.clientX - popupmenu.width()) : e.clientX;
        t = ($(document).height() - e.clientY) < popupmenu.height() ? (e.clientY - popupmenu.height()) : e.clientY;
        popupmenu.css({ left: l, top: t }).show();
        //alert("右键菜单")
        return false;
    });
}    

$("#rightMenu li").click(function () {
	console.log("click");
	var type = $(this).attr("data-type");
	var layId = $(this).attr("data-id")
    if (type == "closethis") {
    	console.log("closethis:"+layId);
        tab.tabDelete(layId);
        //element.tabDelete(16);
    } else if (type == "closeall") {
    	console.log("closeAll");
        var tabtitle = $(".layui-tab-title li");
        var ids = new Array();
        $.each(tabtitle, function (i) {
            ids[i] = $(this).attr("lay-id");
        })
   
        tab.tabDeleteAll(ids);
    }else if(type = "fresh"){
        console.log("fresh:"+layId);
        tab.tabChange($(this).attr("data-id"));
        var othis = $('.layui-tab-title').find('>li[lay-id="' + layId + '"]'),
            index = othis.parent().children('li').index(othis),
            parents = othis.parents('.layui-tab').eq(0),
            item = parents.children('.layui-tab-content').children('.layui-tab-item'),
            src = item.eq(index).find('iframe').attr("src");
        item.eq(index).find('iframe').attr("src", src);
        //window.location.reload();
    }
    $('.rightMenu').hide();
});


function FrameWH() {
    var h = $(window).height() -164;
    $("iframe").css("height",h+"px");
}
   
$(window).resize(function () {
    FrameWH();
})


//测试区域 End

		});
});

/*弹出层*/
/*
    参数解释：
    title   标题
    url     请求的url
    id      需要操作的数据id
    w       弹出层宽度（缺省调默认值）
    h       弹出层高度（缺省调默认值）
*/
function WeAdminShow(title, url, w, h) {
	if(title == null || title == '') {
		title = false;
	};
	if(url == null || url == '') {
		url = "404.html";
	};
	if(w == null || w == '') {
		w = ($(window).width() * 0.9);
	};
	if(h == null || h == '') {
		h = ($(window).height() - 50);
	};
	layer.open({
		type: 2,
		area: [w + 'px', h + 'px'],
		fix: false, //不固定
		maxmin: true,
		shadeClose: true,
		shade: 0.4,
		title: title,
		content: url
	});
}
/*弹出层+传递ID参数*/
function WeAdminEdit(title, url, id, w, h) {
	if(title == null || title == '') {
		title = false;
	};
	if(url == null || url == '') {
		url = "404.html";
	};
	if(w == null || w == '') {
		w = ($(window).width() * 0.9);
	};
	if(h == null || h == '') {
		h = ($(window).height() - 50);
	};
	layer.open({
		type: 2,
		area: [w + 'px', h + 'px'],
		fix: false, //不固定
		maxmin: true,
		shadeClose: true,
		shade: 0.4,
		title: title,
		content: url,
		success: function (layero, index) {
          //向iframe页的id=house的元素传值  // 参考 https://yq.aliyun.com/ziliao/133150
            var body = layer.getChildFrame('body', index);
            body.contents().find("#dataId").val(id);
            console.log(id);
       },
       error:function(layero, index){
       	alert("aaa");
       }
	});
}

/*关闭弹出框口*/
//function WeAdminClose() {
//	var index = parent.layer.getFrameIndex(window.name);
//	parent.layer.close(index);
//}
